<template>
  <div class="app-drag flex flex-col">
    <!-- 标题栏。 -->
    <header class="flex justify-between items-center text-sm">
      <h1 class="mt-2 ml-2 text-gray-400 select-none">微信</h1>
      <div class="app-no-drag text-gray-700">
        <router-link to="/login/setting" class="py-1 px-3 hover:bg-gray-100 transition" v-if="this.$route.path === '/login/form'">
          <i class="el-icon-setting"></i>
        </router-link>
        <router-link to="/login/form" class="py-1 px-3 hover:bg-gray-100 transition" v-if="this.$route.path === '/login/setting'">
          <i class="el-icon-user"></i>
        </router-link>
        <button type="button" class="py-1 px-3 hover:bg-red-500 hover:text-white transition" v-on:click="windowClose">
          <i class="el-icon-close"></i>
        </button>
      </div>
    </header>

    <!-- 子路由。 -->
    <router-view class="flex-1"></router-view>
  </div>
</template>

<script>
export default {};
</script>